@import '~/src/styles/colors.less';

.typeRecommend {
	margin          : 1rem;
	padding         : 1rem;
	border-radius   : 0.5rem;
	background-color: #fff;

	.title {
		margin-bottom: 1rem;
		font-weight  : 600;
	}



	.service-content {
		width     : 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		display   : flex;
		flex-wrap : nowrap;

		.itemWarper {
			flex         : 0 0 6.8rem;
			width        : 6.8rem;
			display      : inline-block;
			margin-right : 1rem;
			border-radius: 0.5rem;
			overflow     : hidden;

			.image {
				width : 6.8rem;
				height: 6.8rem;
			}

			.name {
				font-weight  : bolder;
				margin       : 0.5rem;
				margin-bottom: 0;
				height       : 2.3rem;
				font-size    : 0.85rem;
				overflow     : hidden;
			}

			.description {
				font-size    : 0.8rem;
				color        : #ccc;
				margin       : 0.2rem 10px 0 10px;
				overflow     : hidden;
				text-overflow: ellipsis;
				white-space  : nowrap;
				height   : 36rpx;
			}

			.price-info {
				margin       : 0.5rem;
				overflow     : hidden;
				text-overflow: ellipsis;
				white-space  : nowrap;

				.price {
					font-weight : 600;
					margin-right: 4px;
					font-size   : 0.85rem;
					color       : @purple100;
				}

				.strikethrough {
					text-decoration: line-through;
					font-size      : 0.8rem;
					color          : #ccc;
				}
			}
		}
	}
}